<template>
  <div class="label">
    <el-tooltip effect="dark" :content="content" placement="top">
      <el-icon class="text-primary !text-[16px]"><Warning /></el-icon>
    </el-tooltip>
    <span class="ml-[5px] !text-[14.5px] text-[#333]"><slot></slot></span>
  </div>
</template>
<script lang="ts" setup>
withDefaults(defineProps<{ content: string }>(), { content: "" });
</script>
<style scoped>
.label {
  @apply flex-1 p-[6px] items-center flex;
  border-right: 1px solid #e4e7ed;
}
</style>
